<template>
  <div class="">
    <el-card>
      <div id="main" style="width:900px;height:500px;"></div>
    </el-card>
  </div>
</template>

<script>
  let echarts = require('echarts');
  export default {
    components: {},
    data() {
      return {

      }
    },
    created() {},
    mounted() {

      var myChart = echarts.init(document.getElementById('main'))
      let option = {}
      this.$axios.get('reports/type/1').then(val => {
        option = val.data
        myChart.setOption(option);
      })

    },
    watch: {},
    computed: {},
    methods: {

    },
  }

</script>
<style lang="css" scoped>
</style>
